<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="..\css\homePageTest.css">
</head>
<body> <div class="yemian"> 
    <!-- 导航条 -->
    <div class="navigationBar">  
        <!-- ul标签 -->
           <ul>
            <!-- 设置logo -->
            <div class="logo">
                <a href="#"><img src="..\img\logo.webp"></a>
            </div>
            
               <li><a href="#" id="active">官网首页</a></li>
                    <!-- 势力汇总 -->
               <li>
                   <a href="#">势力汇总</a>
                   <ul class="power">
                       <li><a href="#">汉</a></li>
                       <li class="dang"><a href="#">群</a></li>
                       <li class="dang"><a href="#">魏</a></li>
                       <li class="dang"><a href="#">蜀</a></li>
                       <li class="dang"><a href="#">吴</a></li>
                       <li class="dang"><a href="#">晋</a></li>
                   </ul>
               </li>

               <!-- 人物汇总 -->
               <li><a href="#">武将汇总</a>

                <!-- 同盟介绍 -->
               <li>
                   <a href="#">同盟介绍</a>    
                   <ul class="figures">
                       <li><a href="#">光武</a></li>
                       <li class="dang"><a href="#">银行</a></li>
                       <li class="dang"><a href="#">铜雀台</a></li>
                   </ul>
               </li>

               <li><a href="#">相关介绍</a></li>

           </ul>
    </div>

     <!-- 主题内容 -->
     <div class="topic">
        <!-- 设置背景图片 -->
        <img src="..\img\background.jpg" class="background">
        <!-- 设置背景文字 -->
        <img src="..\img\backgroundText.webp" class="backgroundText">
    </div>
    
</body>
</html>